<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="././css/style.css"/>

</head>
<body>
<!--导航-->
<nav>
    <div class="container to-top">
        <div class="nav">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <a class="brand" href="#"></a>
                    <ul class="nav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">明星</a></li>
                        <li><a href="#">内地</a></li>
                        <li><a href="#">港台</a></li>
                        <li><a href="#">欧美</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">音乐</a></li>
                        <li><a href="#">图片</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
<!--轮播图-->
<div id="sd">
    <div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- Carousel items -->
        <div class="carousel-inner background-image">
            <div class="active item item-1">


                <div class="container ">

                </div>
            </div>
            <div class="item">
                <img class="car-img" src=http://v2.bootcss.com/assets/img/examples/slide-02.jpg>

                <div class="container car-cont">

                </div>
            </div>
            <div class="item">
                <img class="car-img" src=http://v2.bootcss.com/assets/img/examples/slide-03.jpg>

                <div class="container car-cont">

                </div>
            </div>
        </div>
        <!-- Carousel nav -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
</div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>

<style>
    .btn{
        padding:5px;
        background: #fff;
        border: 1px solid #hhh;
    }
    )
</style>
</body>
</html>